<template>
  <div class="register_box">
    <!-- 注册页面 -->

    <!-- 个人公司切换tbas -->
    <div class="register_tba">
      <div
        class="individual"
        @click="register_tba_flg=true"
      >
        <span :class="register_tba_flg?'xuanzhong':''">维修个人</span>

      </div>
      <div
        class="business"
        @click="register_tba_flg=false"
      >
        <span :class="register_tba_flg?'':'xuanzhong'">服务商公司</span>

      </div>

    </div>

    <!-- 维修个人 -->
    <individuals v-if="register_tba_flg"></individuals>

    <!-- 服务商公司 -->
    <businesss v-else></businesss>


  </div>
</template>

<script>
import individuals from './components/individual'
import businesss from './components/business'
export default {
  props: {

  },
  data() {
    return {
      // tbas选中判断
      register_tba_flg: true,



    };
  },
  computed: {

  },
  created() {

  },
  mounted() {

  },
  watch: {

  },
  methods: {
    //   下拉框监听
    bindPickerChange(e) {
      console.log("下拉菜单当前的val:", e);
      this.index = e.mp.detail.value;
    }

  },
  components: {
    individuals,
    businesss

  },
};
</script>

<style >
.register_tba {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  padding: 34rpx;
}
.register_tba > div {
  width: 50%;
  text-align: center;
}
.register_tba > div > span {
  padding: 30rpx 0;
}
.xuanzhong {
  border-bottom: 4rpx solid #1677ff;
  border-radius: 2rpx;
  color: #1677ff;
}
</style>
